<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8" />
		<title>Hello React!</title>
		<script src="lib/react.js"></script>
		<script src="lib/react-dom.js"></script>
		<script src="https://unpkg.com/babel-core@5.8.38/browser.min.js"></script>
		<script type="text/babel">
			var MyTitle = React.createClass({
  propTypes: {
    title: React.PropTypes.string.isRequired,
  },

  render: function() {
     return <h1> {this.props.title} </h1>;
   }
});

var data = "qqqq";

ReactDOM.render(
  <MyTitle title={data} />,
  document.body
);

		</script>
	</head>

	<body>
		<h1 id="example"></h1>

	</body>

</html>